﻿<!DOCTYPE html>
<html lang="en" class="app">
<head>  
  <meta charset="utf-8" />
  <title>ᠲᠠᠪᠤᠨ ᠬᠤᠰᠢᠭᠤ ᠮᠠᠯ ᠢᠨ ᠰᠦᠯᠵᠢᠶᠡᠨ ᠪ ᠦᠷᠲᠡᠭᠡ</title>
  <meta name="description" content="app, web app, responsive, admin dashboard, admin, flat, flat ui, ui kit, off screen nav" />
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
  <link rel="stylesheet" href="/public/test/css/jplayer.flat.css" type="text/css" />
  <link rel="stylesheet" href="/public/test/css/bootstrap.css" type="text/css" />
  <link rel="stylesheet" href="/public/test/css/animate.css" type="text/css" />
  <link rel="stylesheet" href="/public/test/css/font-awesome.min.css" type="text/css" />
  <link rel="stylesheet" href="/public/test/css/simple-line-icons.css" type="text/css" />
  <link rel="stylesheet" href="/public/test/css/font.css" type="text/css" />
  <link rel="stylesheet" href="/public/test/css/app.css" type="text/css" />
    <!--[if lt IE 9]>
    <script src="/public/test/js/html5shiv.js"></script>
    <script src="/public/test/js/respond.min.js"></script>
    <script src="/public/test/js/excanvas.js"></script>
  <![endif]-->
  <style>
    body {
      margin-left: 40%;
      -moz-transform: rotate(-90deg);
      -webkit-transform: rotate(-90deg);
      display: block;
      position: absolute;
      /*filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=0)*/
    }
    .m-r-n-lg{
      margin-top: -10%;
      font-size: 30px;
      -moz-transform: rotate(180deg);
      -webkit-transform: rotate(180deg);
      display: block;
      position: absolute;
    }
    #form_input{
      margin-top: -60%;
      -moz-transform: rotate(180deg);
      -webkit-transform: rotate(180deg);
      display: block;
      position: absolute;
    }
  </style>
</head>
<body class="">
  <section id="content" class="m-t-lg wrapper-md animated fadeInDown">
    <div class="container aside-xl">
      <a class="navbar-brand block" href="index.html"><span class="h1 font-bold"><span class="m-r-n-lg" style="">ᠲᠠᠪᠤᠨ ᠬᠤᠰᠢᠭᠤ ᠮᠠᠯ ᠢᠨ ᠰᠦᠯᠵᠢᠶᠡᠨ ᠪ ᠦᠷᠲᠡᠭᠡ</span></span></a>
      <section class="m-b-lg">
        <header class="wrapper text-center">
        </header>
        <form action="/index.php/index/login/signup" method="post">
          <div id="form_input">
            <input type="hidden" value="1" name="tip">
            <div class="form-group">
              <input id="form_input3" type="password" placeholder="ᠨᠢᠭᠤᠴᠠ ᠺᠤᠳ᠋" required="required" name="password" class="form-control rounded input-lg text-center no-border">
            </div>
            <div class="form-group">
              <input id="form_input2" type="email" placeholder="ᠢᠮᠸᠯ" required="required" name="email" class="form-control rounded input-lg text-center no-border">
            </div>
            <div class="form-group">
              <input id="" type="type" placeholder="地区" required="required" name="email" class="form-control rounded input-lg text-center no-border">
            </div>
            <div class="form-group">
              <input id="form_input1" placeholder="ᠬᠡᠷᠡᠭᠯᠡᠭᠴᠢ ᠶ᠋ᠢᠨ ᠨᠡᠷ ᠡ" name="username" required="required" class="form-control rounded input-lg text-center no-border">
            </div>

          </div>
          <!--<div class="checkbox i-checks m-b">-->
            <!--<label class="m-l">-->
              <!--<input type="checkbox" checked=""><i></i>  <a href="#">同意相关条款</a>-->
            <!--</label>-->
          <!--</div>-->
          <button type="submit" style="margin-top: 70%;" class="btn btn-lg btn-warning lt b-white b-2x btn-block btn-rounded">
            <i class="icon-arrow-right pull-right"></i><span class="m-r-n-lg" style="margin-top: -10px;margin-left:70px;">ᠳᠠᠩᠰᠠᠯᠠᠬᠤ</span></button>
          <div class="line line-dashed"></div>
          <a href="/index.php/index/login">
            <button type="button" style="margin-top: 3%;" class="btn btn-lg btn-warning lt b-white b-2x btn-block btn-rounded">
              <i class="icon-arrow-right pull-right"></i><span class="m-r-n-lg" style="margin-top: -10px;margin-left:70px;">ᠨᠡᠪᠲᠡᠷᠡᠬᠦ</span></button>
          <!--<p class="text-muted text-center"><small class="m-r-n-lg" style="margin-top: 5%;margin-left: 50px;">ᠨᠡᠪᠲᠡᠷᠡᠬᠦ </small></p>-->
          </a>
          <!--<a href="/index.php/index/login" class="btn btn-lg btn-info btn-block btn-rounded">去登录</a>-->
        </form>
      </section>
    </div>
  </section>
  <!-- footer -->
  <!--<footer id="footer">-->
    <!--<div class="text-center padder clearfix">-->
      <!--<p>-->
        <!--<small>五畜网站<br>&copy; 2018</small>-->
      <!--</p>-->
    <!--</div>-->
  <!--</footer>-->
  <!-- / footer -->
  <script src="/public/test/js/jquery.min.js"></script>
  <!-- Bootstrap -->
  <script src="/public/test/js/bootstrap.js"></script>
  <!-- App -->
  <script src="/public/test/js/app.js"></script>
  <script src="/public/test/js/jquery.slimscroll.min.js"></script>
    <script src="/public/test/js/app.plugin.js"></script>
  <script type="text/javascript" src="/public/test/js/jquery.jplayer.min.js"></script>
  <script type="text/javascript" src="/public/test/js/jplayer.playlist.min.js"></script>
  <script type="text/javascript" src="/public/test/js/demo.js"></script>
</body>
</html>